<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="https://cdn.bootcdn.net/ajax/libs/js-cookie/3.0.1/js.cookie.min.js"></script>
  <link rel="stylesheet" href="../css/login.css">
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
  <script src="../js/api.js"></script>
  <title>登录</title>
</head>

<body>
  <div class="top">
    <div class="logo">
      <img src="../images/logo_pc.png" alt="">
    </div>

    <div class="loginBox">
      <div class="login">
        <h4>登录</h4>
        <div class="infoBox">
          <div class="tel">
            <input type="text" name="" class="userTel" id="" placeholder="手机/小荟号">
            <span class="telSelect">+86</span>
            <div class="telSelectItem" style="display: none;">
              <!-- <div class="sItem">
                <span>中国大陆</span>
                <span>+86</span>
              </div> -->

            </div>
          </div>
          <div class="password">
            <input type="password" name="" class="userPW" id="" placeholder="密码" style="display: block;">
          </div>
          <!-- <div class="yanzheng" style="display: none;">
            <input type="text" class="YZM" placeholder="验证码" style="width:150px">
            <a class="send" href="#">发送验证码</a>
          </div> -->
          <div class="infoPost">
            <div class="postBox">
              <button class="logBtn">登录</button>
              <button class="regBtn">注册</button>
            </div>
          </div>
          <div class="itemBox">
            <div class="itemSel">
              <div class="check">
                <input type="checkbox" name="" id="" class="autoLogin">
                <span class="autlo">下次自动登录</span>
              </div>
              <div class="YZitem">
                <a class="YZa" href="#" style="display: inline;">使用验证码</a>
                <a class="PWa" href="#" style="display: none;">使用密码</a>
              </div>
              <div class="forPW">忘记密码</div>
            </div>
          </div>
          <div class="softLogo">
            <div class="logoBox">
              <div class="qq"></div>
              <div class="weibo"></div>
              <div class="weixin"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>

  <div class="footerBox" id="fooBox">
    <div class="footer">
      <div class="footerUl">
        <a href="#">关于我们</a>
        <li>|</li>
        <a href="#">商家入驻</a>

        <li>|</li>
        <a href="#">入驻协议</a>

        <li>|</li>
        <a href="#">新手指南</a>

        <li>|</li>
        <a href="#">商务合作</a>

        <li>|</li>
        <a href="#">汉服荟</a>
      </div>

      <div class="footerSpan">
        Copyright ©2014 ~ 2022 深圳市汉服荟网络科技有限公司 版权所有 粤ICP备14046913号-5
      </div>
    </div>
  </div>
  <script src="../js/login.js"></script>
</body>

</html>